import React, { memo } from 'react'
import type { FC, ReactNode } from 'react'

import { SettleSingerItemWrapper } from './style'
import { forMatImageUrl } from '@/utlis/format'

interface IProps {
  children?: ReactNode
  item: any
}

const SellteSingerItem: FC<IProps> = (props) => {
  const { item } = props
  return (
    <SettleSingerItemWrapper>
      <div className="settle_singer_item">
        <img src={forMatImageUrl(item.picUrl, 62)} alt="" />
        <div className="right">
          <h3 className="username">{item.name}</h3>
          <span>{item.alias.join('')}</span>
        </div>
      </div>
    </SettleSingerItemWrapper>
  )
}

export default memo(SellteSingerItem)
